
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 角色管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="../../../static/bootstrap.min.css" media="all">
  <link rel="stylesheet" href="../../../static/style.css" media="all">
  <link rel="stylesheet" href="../../../static/H-ui.min.css" media="all">
  <link rel="stylesheet" href="../../../static/H-ui.admin.css" media="all">
  <link rel="stylesheet" href="../../../static/icheck.css" media="all">
  <link rel="stylesheet" href="../../../static/iconfont.css" media="all">
</head>
<style>
  #form1 input{display:inline-block !important;}
  .permission-list2 dd label{
    font-weight:
  }
  .layui-form-label{width:100px;]}
  .permission-list > dd {
    padding: 5px 5px 5px 10px;
  }
</style>
<body>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-form layui-card-header layuiadmin-card-header-auto">
      <div class="layui-form-item">
        <div class="layui-inline">
          <label class="layui-form-label">商品名称：</label>
          <div class="layui-input-block">
            <input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">
          </div>
        </div>

        <div class="layui-col-lg3">
          <label class="layui-form-label">商品分类：</label>
          <div class="layui-input-block">
            <select name="category_id" lay-verify="" lay-filter="aihao">
              <option value="">可选择一个分类</option>
              <option value="1">书画</option>
              <option value="2">陶瓷</option>
              <option value="3">玉器</option>
              <option value="4">木器</option>
              <option value="5">铜器</option>
            </select>
          </div>
        </div>
<br>
        <div class="layui-col-lg3">
          <label class="layui-form-label">商品状态：</label>
          <div class="layui-input-block">
            <select name="status" lay-verify="" lay-filter="aihao">
              <option value="">可选择一个状态</option>
              <option value=0>下架</option>
              <option value=1>上架</option>
              <!--<option value="-1">审核中</option>-->
            </select>
          </div>
        </div>
        <div class="layui-col-lg3">
          <label class="layui-form-label">竞拍状态：</label>
          <div class="layui-input-block">
            <select name="jp_status" lay-verify="" lay-filter="aihao">
              <option value="">可选择一个状态</option>
              <option value=0>未开始</option>
              <option value=1>拍卖中</option>
              <option value=2>已结束</option>
              <!--<option value="-1">审核中</option>-->
            </select>
          </div>
        </div>

        <!--<div class="layui-col-md2" style="margin-left: 107px  ">-->
          <!--<label class="layui-form-label">技术工种：</label>-->
          <!--<select name="category_id" lay-verify="">-->
            <!--<option value="">可选择一个分类</option>-->
            <!--<option value="1">书画</option>-->
            <!--<option value="2">陶瓷</option>-->
            <!--<option value="3">玉器</option>-->
            <!--<option value="4">木器</option>-->
            <!--<option value="5">铜器</option>-->
          <!--</select>-->
        <!--</div>-->

        <div class="layui-inline" style="margin-top: -7px">
          <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
            <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
          </button>
        </div>
      </div>
    </div>

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-card-body">
      <div style="padding-bottom: 10px;">
        <!--<button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" data-type="batchdel">删除</button>-->
        <!--<button class="layui-btn layuiadmin-btn-role layuiadmin-btn-useradmin" data-type="addImg">添加</button>-->
      </div>
      <table id="LAY-user-back-role" lay-filter="LAY-user-back-role"></table>
    </div>
  </div>
</div>
<script src="../../../layuiadmin/layui/layui.js"></script>
<script src="../../../layuiadmin/layui/layui.all.js"></script>
<script src="../../../layuiadmin/config.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    layui.use(['table'], function(){
        var $ = layui.$
            ,form  = layui.form
            ,table = layui.table;
        var tableIns = table.render({
            elem: '#LAY-user-back-role',
            url : "{:url('goods_jp_list?op=table')}",

            cellMinWidth : 95,
            page : true,
            height : "full-125",
            limits : [10,40,100,500,1000],
            limit : 10,
            id : "LAY-user-manage",
            cols : [[
                {checkbox: true},
                {field: 'goods_id', title: '商品id', width:'40', align:"center"},
                {field: 'name', title: '商品名称', width:'100', align:"center"},
                {field: 'category', title: '分类',width:'100', align:'center'},
                {field: 'payable', title: '起拍价格',width:'100', align:'center'},
                {field: 'new_price', title: '最高价',width:'100', align:'center'},
                {field: '', title: '店铺',width:'100', align:'center',templet:function (d){
                    return d.uname
                }},
                {field: 'goods_status', title: '商品状态',width:'100', align:'center'},
                {field: 'jp_status', title: '竞拍状态',width:'100', align:'center'},
                {field: 'is_hot_str', title: '精品',width:'60', align:'center'},
                {field: 'user_count', title: '围观人数',width:'100', align:'center'},
                {field: 'count', title: '竞拍次数',width:'100', align:'center'},
                {field: 'end_time', title: '开始日期', align:'center',minWidth:120,templet:function (d){
                    return timeStamp2String(d.create_time*1000);
                }},
                {field: 'end_time', title: '结束时间', align:'center',minWidth:180,templet:function (d){
                    return timeStamp2String(d.end_time*1000);
                }},
                {field: '', title: '操作',width:300, align:'center',templet:function(d){
                    if(d.status==0){
                        return '<a class="layui-btn layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.goods_id+'" data-type="Shelves" lay-event="del"><i class="layui-icon">&#xe600;</i>上架</a>'
                        +'<a class="layui-btn layui-btn-danger layui-btn-xs layui-btn layuiadmin-btn-useradmin"  data-id="'+d.id+'" data-href="goods_info?id='+d.goods_id+'" onclick="cancelshow('+d.goods_id+',this)"  data-title="'+d.name+'"  data-type=""lay-event="del"><i class="layui-icon">&#xe600;</i>查看</a>';
                    }else{
                        if(d.is_hot==1)
                        {
                            return '<a class="layui-btn layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.goods_id+'" data-type="batchdel" lay-event="del"><i class="layui-icon">&#xe600;</i>下架</a>'+
                                '<a class="layui-btn layui-btn-danger layui-btn-xs layui-btn layuiadmin-btn-useradmin"  data-id="'+d.id+'" data-href="goods_info?id='+d.goods_id+'" onclick="cancelshow('+d.goods_id+',this)"  data-title="'+d.name+'"  data-type=""lay-event="del"><i class="layui-icon">&#xe600;</i>查看</a>'
                        +   '<a onclick="cancle_hot(' + d.goods_id + ',\''+d.btn_str+'\')" data-href="look?id=' + d.e_id + '"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">取消'+d.btn_str+'</a>'
                         +   '<a onclick="user_list('+d.goods_id+',this)"  data-href="user_list?goods_id='+d.goods_id+'" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">查看竞拍记录</a>';
                        }

                        else
                        {
                            return '<a class="layui-btn layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.goods_id+'" data-type="batchdel" lay-event="del"><i class="layui-icon">&#xe600;</i>下架</a>'+
                                '<a class="layui-btn layui-btn-danger layui-btn-xs layui-btn layuiadmin-btn-useradmin"  data-id="'+d.id+'" data-href="goods_info?id='+d.goods_id+'" onclick="cancelshow('+d.goods_id+',this)"  data-title="'+d.name+'"  data-type=""lay-event="del"><i class="layui-icon">&#xe600;</i>查看</a>'
                                +   '<a onclick="is_hot(' + d.goods_id + ',\''+d.btn_str+' \')" data-href="look?id=' + d.e_id + '"  class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">设置'+d.btn_str+'</a>'
                            +   '<a onclick="user_list('+d.goods_id+',this)"  data-href="user_list?goods_id='+d.goods_id+'" class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">查看竞拍记录</a>';

                        }

                    }
//                    return '<a class="layui-btn layui-btn-xs layui-btn layuiadmin-btn-useradmin" data-id="'+d.goods_id+'" data-type="batchdel" lay-event="del"><i class="layui-icon">&#xe600;</i>下架</a>'+
                }},
            ]]
        });
        //监听搜索
        form.on('submit(LAY-user-front-search)', function(data){
            var field = data.field;
            console.log(field);
            //执行重载
            table.reload('LAY-user-manage',{
                url: "{:url('goods_jp_list?op=table')}",
                where : field,
                done: function(res, curr, count){
                    //如果是异步请求数据方式，res即为你接口返回的信息。
                    //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                    console.log(res);
                    //得到当前页码
//                  console.log(curr);
                    //得到数据总量
//                  console.log(count);
                }
            });
        });
        //事件
        var active = {
            next:function(){
                table.reload('LAY-user-manage',{
                    url: "{:url('goods_list?op=table')}",
                    where : {pid:$(this).data('id')},
                    done: function(res,curr,count){
                        //如果是异步请求数据方式，res即为你接口返回的信息。
                        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                        console.log(res);
                        //得到当前页码
//    	                console.log(curr);
                        //得到数据总量
//    	                console.log(count);
                    }
                });
            }
            ,batchdel: function(){
                id = $(this).data('id');
                $.ajax({
                    type: 'POST',
                    url: '{:url("goods_dismount")}',
                    data: {id:id},
                    dataType: 'json',
                    timeout: 3000,
                    success: function (data){
                        if(data.data==200){
                            table.reload('LAY-user-manage'); //数据刷新
                            layer.closeAll(); //关闭弹层
                            layer.msg(data.msg);
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                });
            },
            Shelves:function () {
                id = $(this).data('id');
                $.ajax({
                    type: 'POST',
                    url: '{:url("goods_Shelves")}',
                    data: {id:id},
                    dataType: 'json',
                    timeout: 3000,
                    success: function (data){
                        if(data.data==200){
                            table.reload('LAY-user-manage'); //数据刷新
                            layer.closeAll(); //关闭弹层
                            layer.msg(data.msg);
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                });
            }
            ,cancelshow:function(){
                var checkStatus = table.checkStatus('LAY-user-manage')
                    ,checkData = checkStatus.data; //得到选中的数据
                if(checkData.length === 0){
                    return layer.msg('请选择数据');
                }
                ajax_data = [];
                $.each(checkData,function(k,v){
                    ajax_data.push(v.id);
                });
//              console.log(ajax_data);
                $.ajax({
                    type: 'POST',
                    url: '{:url("")}',
                    data: {id:ajax_data},
                    dataType: 'json',
                    timeout: 3000,
                    success: function (data){
                        if(data.data==200){
                            table.reload('LAY-user-manage'); //数据刷新
                            layer.closeAll(); //关闭弹层
                            layer.msg(data.msg);
                        }else{
                            layer.msg(data.msg);
                        }
                    }
                });
            }
        };

        $('body').on('click','.layui-btn.layuiadmin-btn-useradmin', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        $(".permission-list dt input:checkbox").click(function (){
            $(this).closest("dl").find("dd input:checkbox").prop("checked", $(this).prop("checked"));
            if ($(this).prop("checked")){
                $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
            }
        });
        $("body").on('click','.permission-list2 dd input:checkbox',function () {
            var l = $(this).parent().parent().find("input:checked").length;
            var l2 = $(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
            if ($(this).prop("checked")){
                $(this).closest("dl").find("dt input:checkbox").prop("checked", true);
                $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
            } else {
                if (l == 0) {
                    $(this).closest("dl").find("dt input:checkbox").prop("checked", false);
                }
                if (l2 == 0) {
                    $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", false);
                }
            }
        });
        $("body").on('click','.check_rule_0',function (){
            if ($(this).prop("checked")){
                $(this).parents('dl').find('.check_rule_1').prop("checked", true);$(this).parents('dl').find('.check_rule_2').prop("checked", true);
            } else {
                $(this).parents('dl').find('.check_rule_1').prop("checked", false);$(this).parents('dl').find('.check_rule_2').prop("checked", false);
            }
        });
        $("body").on('click','.check_rule_1',function (){
            if ($(this).prop("checked")){
                $(this).parents('dl.permission-list2').find('.check_rule_2').prop("checked", true);
            }else{
                $(this).parents('dl.permission-list2').find('.check_rule_2').prop("checked", false);
            }
        });


    });

    function cancelshow(id,obj){
        layer.open({
            type: 2
            ,title: $(obj).attr('title')
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['60%', '100%']
        })
    }
    //设置为热门
    function is_hot(id,title) {
        layer.open({
            title:'确定设置为'+title,
            type:1,
            skin: 'demo-class',
            btn:['确定','取消']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('shoppingmall/is_hot')}",
                    data:{id:id},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==200){
                            layer.msg('置顶成功');
                            window.location.reload();
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }
    //取消热门
    function cancle_hot(id,title) {
        layer.open({
            title:'确定取消'+title,
            type:1,
            skin: 'demo-class',
            btn:['是','否']
            ,yes:function (index,layero) {
                $.ajax({
                    url:"{:url('shoppingmall/is_hot')}",
                    data:{id:id,cancle:true},
                    type:'post',
                    dataType:'json',
                    success:function (data){
                        if(data.code==200){
                            layer.msg('取消'+title+'成功');
                            window.location.reload();
                            layer.close(index)
                        }
                    }
                })
            }

        })

    }

    function user_list(id,obj){
        layer.open({
            type: 2
            ,title: '查看'
            ,content: $(obj).attr('data-href')
            ,maxmin: true
            ,area: ['100%', '100%']
        })
    }

</script>
</body>
</html>

